<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/mobile/css/common.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/mobile/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/mobile/css/index.css" />
    <title>未名研学</title>
</head>

<body>
    <div class="index">
        <!--banner-->
        <div class="banner">
            <!--轮播-->
            <div class="swiper-container" id="swiper">
                <div class="swiper-wrapper">
                    {foreach $slider as $sv}
                    <div class="swiper-slide">
                        <a href="{$sv.link ?: 'javascript:;'}">
                            <img src="{$sv.thumb ?: ''}" />
                        </a>
                    </div>
                    {/foreach}
                </div>
                <!--分页器-->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!--contact-->
        <div class="top" id="contact">
            <a href=""><img src="__STATIC__/mobile/img/contact.png" /></a>
        </div>
        <!--二级分类-->
        <div class="sub_classify">
            <ul>
                {foreach $cate as $cv}
                <li>
                    {php}$pid = $cv['id']{/php}
                    <a href='{:url("/item/$pid")}'>
                        <img src="{$cv.logo ?: ''}" />
                        <p>{$cv.name ?: ''}</p>
                    </a>
                </li>
                {/foreach}
                <li>
                    <a href="{$block9.link ?: 'javascript:;'}">
                        <img src="{$news_cate.logo ?: ''}" />
                        <p>{$news_cate.title ?: ''}</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--雄厚的教育资源-->
        <div class="content_list">
            <div class="common_title">
                <h4>{$block3.title ?: ''}</h4>
                <a href="{$block3.link ?: 'javascript:;'}">
                    <img src="__STATIC__/mobile/img/icon_right.png" />
                </a>
            </div>
            <ul class="resouce_list">

                {foreach $block3['content']['lists'] as $b3v}
                <a href="{$b3v.link ?: 'javascript:;'}">
                    <li>
                        <div class="left">
                            <img src="{$b3v.thumb ?: ''}" />
                        </div>
                        <!--右文字-->
                        <div class="right">
                            <h5>{$b3v.title ?: ''}</h5>
                            <p>{$b3v.content|raw|default=''}</p>
                        </div>
                    </li>
                </a>
                {/foreach}
            </ul>
        </div>
        <!--先进的课程体系-->
        <div class="content_list">
            <div class="common_title">
                <h4>{$block4.title ?: ''}</h4>
                <a href="{$block4.link ?: 'javascript:;'}">
                    <img src="__STATIC__/mobile/img/icon_right.png" />
                </a>
            </div>
            <ul class="course_list">
                {foreach $block4['content']['lists'] as $v}
                <li>
                    <a href="{$v.link ?: 'javascript:;'}">
                        <img src="{$v.thumb ?: ''}" style="background-color: #90000B">
                        <p>{$v.title ?: ''}</p>
                    </a>
                </li>
                {/foreach}

            </ul>
        </div>
        <!--专业的师资团队-->
        <div class="content_list">
            <div class="common_title">
                <h4>{$block5.title ?: ''}</h4>
                <a href="{$block5.link ?: 'javascript:;'}">
                    <img src="__STATIC__/mobile/img/icon_right.png" />
                </a>
            </div>
            <ul class="team_list">
                {foreach $block5['content']['lists'] as $v}
                <li>
                    <a href="{$v.link ?: 'javascript:;'}">
                        <div class="team_title">
                            <h6>{$v.title ?: ''}</h6>
                        </div>
                        <div class="team_brief">
                            <p>{$v.content ?: ''}</p>
                        </div>
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
        <!--丰富的运营经验-->
        <div class="content_list">
            <div class="common_title">
                <h4>{$block6.title ?: ''}</h4>
                <a href="{$block6.link ?: 'javascript:;'}">
                    <img src="__STATIC__/mobile/img/icon_right.png" />
                </a>
            </div>
            <!--已开设-->
            <div class="setUp">
                <p>{$block6.content.desc ?: ''}</p>
            </div>
            <!--学校满意度-->
            <div class="statisfiy">
                <ul>
                    {foreach $block6['content']['yeji'] as $v}
                    <li>
                        <p class="big_brief">
                            <span>{$v.title ?: '0'}</span>
                            <em></em>
                        </p>
                        <div class="small_brief">
                            <p>{$v.content ?: ''}</p>
                        </div>
                    </li>
                    {/foreach}

                </ul>
            </div>
            <!--轮播-->
            <div class="swiper-container" id="recommed">
                <div class="swiper-wrapper">
                    {foreach $block6['content']['lists'] as $v}
                    <div class="swiper-slide">
                        <a href="{$v.link ?: 'javascript:;'}">
                            <div class="img_box">
                                <img src="{$v.thumb ?: ''}" />
                                <p class="school_name">{$v.title ?: ''}</p>
                            </div>
                        </a>
                    </div>
                    {/foreach}

                </div>
                <!--分页器-->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!--可靠和安全保障-->
        <div class="content_list">
            <div class="common_title">
                <h4>{$block7.title ?: ''}</h4>
                <a href="{$block7.link ?: 'javascript:;'}">
                    <img src="__STATIC__/mobile/img/icon_right.png" />
                </a>
            </div>
            <!--img-->
            <div class="safe_box">
                <a href="{$block7.link ?: 'javascript:;'}">
                    {$block7.content.content|raw|default=''}
                </a>
            </div>
        </div>
        <!--推荐课程-->
        <div class="content_list">
            <div class="common_title">
                <h4>{$block8.title ?: ''}</h4>
                <a href="{$block8.link ?: 'javascript:;'}">
                    <img src="__STATIC__/mobile/img/icon_right.png" />
                </a>
            </div>
            <ul class="recommed_course">
                {foreach $block8['content']['lists'] as $v}
                <li>
                    <a href="{$v.link ?: 'javascript:;'}">
                        <div class="course_img">
                            <img src="{$v.thumb ?: ''}" />
                        </div>
                        <div class="course_brief">
                            <p>{$v.title ?: ''}</p>
                        </div>
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
        <!--博大新闻-->
        <div class="content_list">
            <div class="common_title">
                <h4>{$block9.title ?: ''}</h4>
                <a href="{$block9.link ?: 'javascript:;'}">
                    <img src="__STATIC__/mobile/img/icon_right.png" />
                </a>
            </div>
            <ul class="news_list">
                {foreach $block9['content']['lists'] as $v}
                <li>
                    <a href="{$v.link ?: 'javascript:;'}">
                        <div class="left">
                            <img src="{$v.thumb ?: ''}" />
                        </div>
                        <div class="right">
                            <h5>{$v.title ?: ''}</h5>
                            <div class="msg">
                                <p>{$v.title2 ?: ''}</p>
                                <p>{$v.create_at ?: ''}</p>
                            </div>
                        </div>
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
        <!--footer-->
        <footer id="footer">
            <ul class="code">
                {if setting('ewm_d','status')==1}
                <li>
                    <img src="{:setting('ewm_d')}" />
                    <p>订阅号</p>
                </li>
                {/if}

                {if setting('ewm_f','status')==1}
                <li>
                    <img src="{:setting('ewm_f')}" />
                    <p>服务号</p>
                </li>
                {/if}

            </ul>
            <ul class="footer_link">
                <li>
                    <a href="{:url('/item/1')}">
						关于我们
					</a>
                </li>
                <li>
                    <a href="{:url('/m/contact')}">
						联系我们
					</a>
                </li>
                <li>
                    <a href="javascript:;">
						在线咨询
					</a>
                </li>
                <li>
                    <a href="{:url('/item/15')}">
						加盟合作
					</a>
                </li>
            </ul>
            <!--商标-->
            <div class="legal">
                <p>{:setting('beian')}</p>
                <p>{:setting('banquan')}</p>
            </div>
        </footer>
    </div>

    <script type="text/javascript" src="__STATIC__/mobile/js/rem.js"></script>
    <script type="text/javascript" src="__STATIC__/mobile/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="__STATIC__/mobile/js/swiper.min.js"></script>
    <script type="text/javascript">
        window.onload = function() {
            //轮播
            var swiper1 = new Swiper('#swiper', {
                    autoplay: true,
                    loop: true,
                    speed: 2000,
                    pagination: {
                        el: '.swiper-pagination',
                        type: 'bullets',
                        clickable: true
                    }
                })
                //分校轮播
            var swiper3 = new Swiper('#recommed', {
                slidesOffsetBefore: 20,
                slidesPerView: 2,
                slidesOffsetAfter: 60,
                pagination: {
                    el: '.swiper-pagination',
                    type: 'bullets',
                    clickable: true
                }
            })
        }
    </script>
</body>

</html>